<template>
  <div class="empty-state">
    <img src="../assets/empty-box.svg" alt="No tasks" />
    <h3>还没有任务</h3>
    <p>点击"新建任务"按钮开始创建您的第一个任务</p>
  </div>
</template>

<script lang="ts" setup>
// No script needed for this component
</script>

<style scoped lang="less">
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;

  img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
  }

  h3 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #333;
  }

  p {
    color: #666;
    font-size: 0.9em;
  }
}
</style>